*{
    font-family: sans-serif;
    font-size: 12px;
    color: #798e94;
}
body{
    width: 400px;
    margin: auto;
}
.contacto{
    border: 1px solid #CED5D7;
    padding: 20px 30px 20px;
    margin-top: 40px;
    background-color: white;
    box-shadow: 7px 7px 20px #A9B0B0, 0 0 0 5px #EEF5F7;
}
.contacto p{
  margin-bottom: 30px;
   font-size: 24px;
   text-align:center;
}
.contacto label{
    display: block;
    font-weight: bold;
}
.contacto div{
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 5px 5px;
    width: 300px;
    border: 1px solid #A9B0B0;
    margin: 5px 0;
}
.contacto input[type='text']:focus{

    box-shadow:0 0 0 1px orange
}
.contacto input[type='submit']{
    border: 2px solid #CED5D7;
    padding: 8px 10px;
    font-weight: bold;
}
.contacto input[type='submit']:hover{
    background: #edfcff;
	color:green;
}
.contacto input[type='submit']:active{
    background: #edfcff;
}
.contacto input[type='reset']{
    border: 2px solid #CED5D7;
    padding: 8px 10px;
    font-weight: bold;
	margin-left:150px;
}
.contacto input[type='reset']:hover{
    background: #edfcff;
	color:red;
}
.contacto  input[type='reset']:active{
    background: #edfcff;
}